<template>
	<view class="page">
		<view class="title">
			5.8.uni-api交互反馈showToast的用法
		</view>
		<view class="p">
			官网链接API
			<uni-link href="https://uniapp.dcloud.net.cn/api/ui/prompt.html" text="交互反馈" color="#007BFF"></uni-link>
		</view>
		<view class="p flex center">
			界面虽然丑，但是的确好用！！！
			<button type="primary" size="mini" @click="showtoast">显示Toast</button>
		</view>
		<view class="p">
			文字过多的时候建议icon设置为none,mask为true则是多了一层遮罩，切不能被触摸穿透，只有Toast隐藏后才能才做页面的其他内容。
		</view>
	</view>
</template>

<script setup>
	import {
		ref
	} from 'vue'

	const showtoast = () => {
		uni.showToast({
			title: 'showToast显示出来了',
			duration: 2000,
			icon: "none",
			success: () => {
				console.log('成功了');
			}
		});
	}
</script>

<style lang="scss" scoped>

</style>